<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>09-表格合并</title>
</head>
<body>
<!--
    # 合并单元格思路
    1. 先不用管合并, 先写出完整表格
    2. 接着考虑跨行还是跨列 (同行跨列,同列跨行)
    3. 最后删除多余单元格

    # 合并的关键
       让一个单元格膨胀
    1. 跨行 : rowspan
    2. 跨列 : colspan (column 列)

    需求A:  合并
         第一行第一列
         第二行第一列
         解决: 让11跨两行,删除21

    需求B : 合并
          第一行第三列
          第一行第四列
          解决: 让13跨两列,删除14

-->
<table cellpadding="5px" cellspacing="0px" border="1px" width="200px">
    <tr align="center">
        <td rowspan="2">11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
    </tr>
    <tr>
        <td>12</td>
        <td>13</td>
        <td>14</td>
    </tr>
    <tr align="center">
        <td>11</td>
        <td>12</td>
        <td colspan="2">13</td>
    </tr>
    <tr>
        <td>11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
    </tr>
</table>

</body>
</html>